<html>
<head>
	<title>example</title>
	<link rel="stylesheet" href="css/jquery.jsonview.css" type="text/css" media="screen" title="no title" charset="utf-8">
	<style type="text/css" media="screen">
		body{background:#f5f9f5;}
		#jsonview{
            display:block;
            position:absolute;
            top:5%;
            left:50%;
            width:800px;
            margin-left:-406px;
            border:3px solid #787;
            overflow:auto;
            -moz-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;
            padding:10px;
            bottom:10%;
            -moz-box-shadow:3px 3px 6px #ccc;
            -webkit-box-shadow:3px 3px 6px #ccc;
            box-shadow:3px 3px 6px #ccc;
		}
	</style>
    <script src="http://apps.bdimg.com/libs/jquery/1.4.0/jquery.min.js"></script>
	<script src="js/jquery.jsonview.js" type="text/javascript"></script>
	<script type="text/javascript" charset="utf-8">
		$(function(){
			var json = [['ab cd','ef ','gn 13'],[4,5,6,8], [{'abc':123}, {'dd':'ffff'}]];
			//var json = {"CmsControlContxt": [], "CssFile": null, "Title": null, "MetaDesc": null, "MasterPageFile": null, "JsFile": null, "PageProperties": [{"Value": "<?xml version=\"1.0\" encoding=\"utf-8\"?><ShopLocal><BannerZoneTop Src=\"/Images/Banners/images/green_minishops_banner1.jpg\" Link=\"/\" AltText=\"Banner\" /><BannerZoneLeft Src=\"/Images/Banners/images/minishops_PromoZone.jpg\" Link=\"/\" AltText=\"Banner\" /><BannerZoneMiddle Src=\"/Images/Banners/images/minishops_PromoZone.jpg\" Link=\"/\" AltText=\"Banner\" /><BannerZoneRight Src=\"/Images/Banners/images/minishops_PromoZone.jpg\" Link=\"/\" AltText=\"Banner\" /></ShopLocal>", "Key": "shop local"}], "PageId": {"Url": "/shoplocal", "UrlKey": "shop local", "CatalogId": 8}, "IsRobotAllowed": false};
			$('#jsonview').jsonView(json);
		});
	</script>	
</head>

<body>
<div id="jsonview">
	
</div>
</body>
</html>
